<template>
  <div name="footer">
    <div class="footer_top">
      <div class="con_width">
        <!-- 服务 -->
        <div class="footer_service">
          <ul class="service_ul">
            <li class="service_list">
              <div class="list_con">
                <i class="iconfont icon-weixiu"></i>
                <span>预约维修服务</span>
              </div>
            </li>
            <li class="service_list">
              <div class="list_con">
                <i class="iconfont icon-tian7"></i>
                <span>7天无理由退货</span>
              </div>
            </li>
            <li class="service_list">
              <div class="list_con">
                <i class="iconfont icon-tian15"></i>
                <span>15天免费换货</span>
              </div>
            </li>
            <li class="service_list">
              <div class="list_con">
                <i class="iconfont icon-liwu"></i>
                <span>满99元包邮</span>
              </div>
            </li>
            <li class="service_list service_list2">
              <div class="list_con">
                <i class="iconfont icon-dizhi"></i>
                <span>520余家售后网点</span>
              </div>
            </li>
          </ul>
        </div>
        <!-- 相关链接 -->
        <div class="footer_links">
          <div class="links_box">
            <dl>
              <dt>帮助中心</dt>
              <dd>账户管理</dd>
              <dd>购物指南</dd>
              <dd>订单操作</dd>
            </dl>
            <dl>
              <dt>服务支持</dt>
              <dd>售后政策</dd>
              <dd>自助服务</dd>
              <dd>相关下载</dd>
            </dl>
            <dl>
              <dt>线下门店</dt>
              <dd>小米之家</dd>
              <dd>服务网点</dd>
              <dd>授权体验店</dd>
            </dl>
            <dl>
              <dt>关于小米</dt>
              <dd>了解小米</dd>
              <dd>加入小米</dd>
              <dd>投资者关系</dd>
            </dl>
            <dl>
              <dt>关于我们</dt>
              <dd>新浪微博</dd>
              <dd>官方微信</dd>
              <dd>联系我们</dd>
            </dl>
            <dl>
              <dt>特色服务</dt>
              <dd>F 码通道</dd>
              <dd>礼物码</dd>
              <dd>防伪查询</dd>
            </dl>
          </div>
          <div class="contact_box">
            <div class="phone">123-123-0123</div>
            <div class="contact_tips">周一至周日 8:00-18:00</div>
            <div class="contact_tips">（仅收市话费）</div>
            <div class="call_box">
              <i class="iconfont icon-xiaoxi"></i>
              <span>人工服务</span>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- 页脚底部 -->
    <div class="footer_down">
      <div class="con_width">
        <div class="down_info">
          <div class="down_left">
            <div class="logo_box">
              <img class="logo" src="/images/mi-logo.png" alt="小米官网" />
            </div>
          </div>
          <div class="down_right">
            <ul class="sites">
              <li class="linktext">小米商城</li>
              <li class="jiange">|</li>
              <li class="linktext">MIUI</li>
              <li class="jiange">|</li>
              <li class="linktext">米家</li>
              <li class="jiange">|</li>
              <li class="linktext">米聊</li>
              <li class="jiange">|</li>
              <li class="linktext">多看</li>
              <li class="jiange">|</li>
              <li class="linktext">游戏</li>
              <li class="jiange">|</li>
              <li class="linktext">政企服务</li>
              <li class="jiange">|</li>
              <li class="linktext">小米天猫店</li>
              <li class="jiange">|</li>
              <li class="linktext">小米集团隐私政策</li>
              <li class="jiange">|</li>
              <li class="linktext">小米公司儿童信息保护规则</li>
              <li class="jiange">|</li>
              <li class="linktext">小米商城隐私政策</li>
              <li class="jiange">|</li>
              <li class="linktext">小米商城用户协议</li>
              <li class="jiange">|</li>
              <li class="linktext">问题反馈</li>
              <li class="jiange">|</li>
              <li class="linktext">廉正举报</li>
              <li class="jiange">|</li>
              <li class="linktext">诚信合规</li>
              <li class="jiange">|</li>
              <li class="linktext">Select Location</li>
            </ul>
            <div class="down_tips">
              © mi.com
              <span>京ICP证132231号</span>
              <span>京ICP备132231号</span>
              <span>京公网安备132231132231号</span>
              <span>京网文[2020]0123-321号</span>
            </div>
            <div class="down_tips">
              <span>（京）网械平台备字（2018）第00000号</span>
              <span>互联网药品信息服务资格证</span>
              <span>(京)-非经营性-2020-0000</span>
              <span>营业执照</span>
              <span>医疗器械质量公告</span>
            </div>


              
            <div class="down_tips">
              <span>增值电信业务许可证</span>
              网络食品经营备案（京）【2018】AAAAAAAA-00 
              <span>食品经营许可证</span>
            </div>

            <div class="down_tips">
              违法和不良信息举报电话：123-1234-1234 <span>知识产权侵权投诉</span> 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
            </div>

            <div class="down_imgbox">
              <img class="v_img" src="/images/truste1.png" alt="">
              <img class="v_img" src="/images/truste2.png" alt="">
              <img class="v_img" src="/images/truste3.png" alt="">
              <img class="v_img" src="/images/truste4.png" alt="">
            </div>
            <div class="xiaomi_text">
              <img class="img" src="/images/truste5.png" alt="">
              
            </div>
            <div class="banquan">
              <div class="text">该小米页面模板主要作为练习编写代码所用，如若侵犯到相关权益，请及时联系本人，本人将第一时间下线该页面模板</div>
              <div class="text">联系邮箱：929776966@qq.com</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
@import "./Footer.scss";
</style>